<template>
    <div>
      <p>换肤</p>
      <input type="color" v-model="barColor" >
      <div class="colorbar" :style="{backgroundColor: barColor}">
        <p>{{barColor}}</p>
      </div>
    </div>
</template>

<script>
    export default {
      data () {
        return {
          barColor: ''
        }
      },
      computed:{
      }
    }
</script>

<style>
.colorbar{
  width: 200px;
  height: 200px;
  background-color: #42b983;
  margin:0 auto;
}
</style>
